// user
.park-user {
  height: 2.58rem;
  position: relative;
  background-image: url('../images/user-bg.png');
  background-size: 7.5rem 1px;
  &__face {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0.25rem;
    width: 1.56rem;
    height: 1.56rem;
    overflow: hidden;
    border-radius: 50%;
    .bg-cover();
  }
  &__setting {
    position: absolute;
    top: 0.56rem;
    right: 0.3rem;
    color: #fff;
    .iconfont {
      font-size: 0.54rem;
    }
  }
}
.park-user-info {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 2.2rem;
  color: #fff;
  &__name {
    text-align: center;
    font-size: @font-size-large;
    margin-bottom: 0.24rem;
  }
  &__level {
    font-size: @font-size-small;
    border-radius: 0.2rem;
    padding: 0.04rem 0.24rem;
    border: 1px solid #fff;
  }
}
// order
.park-order {
  background-color: #fff;
  &__all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.78rem;
    border-bottom: 1px solid #eee;
    margin-left: 0.25rem;
    padding-right: 0.25rem;
    .left {
      font-size: @font-size-large;
    }
    .right {
      color: #666;
      .iconfont {
        font-size: 0.28rem;
        transform: translateY(-2px);
      }
    }
  }
  .park-order-list {
    display: flex;
    height: 1.6rem;
  }
  .park-order-item {
    flex: 1;
    text-align: center;
    padding-top: 0.34rem;
    .iconfont {
      color: @park-color-green;
      font-size: 0.52rem;
    }
    .text {
      margin-top: 0.14rem;
    }
  }
}
// other
.park-other {

}
.park-other-list {
  margin-top: 0.2rem;
  background-color: #fff;
}
.park-other-item {
  position: relative;
  .icon-block {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.2rem;
    background-color: #ccc;
    top: 50%;
    left: 0.25rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    .iconfont {
      color: #fff;
      font-size: 0.38rem;
    }
    &--yellow {
      background-color: #ffc24b;
    }
    &--red {
      background-color: #fa716b;
    }
    &--blue {
      background-color: #30caee;
    }
    &--orange {
      background-color: #fc6e3c;
    }
    &--qing {
      background-color: #0ecca1;
    }
  }
  .park-other-row {
    display: flex;
    border-bottom: 1px solid #eee;
    margin-left: 1.08rem;
    height: 0.9rem;
    align-items: center;
    justify-content: space-between;
    .title {
      color: #333;
    }
    .arrow {
      color: #999;
      margin-right: 0.44rem;
    }
  }
}



